<template>
  <div>
    <h2>事件修饰符</h2>
    <div class="box" @click="aa">
    <a href="https://www.baidu.com/?tn=88093251_109_hao_pg" @click.prevent.stop="bb">跳转百度</a>
    </div>
    <input type="text" @keyup.enter="cc" >
  </div>
</template>

<script>
export default {
  methods: {
    aa () {
      console.log(123);
    },
    bb () {
      console.log(456);
    },
    cc () {
      console.log(789);
    }
  }
}
</script>

<style>
.box{
  width: 200px;
  height: 300px;
  background-color: red;
}
</style>